<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API文档</title>
    <!-- Bootstrap 5 CSS -->
    <link href="/static/bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="/static/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="/docs/css/style.css">
</head>
<body>
    <!-- Toast 提示框容器 -->
    <div class="toast-container position-fixed top-0 end-0 p-3">
        <div id="toast" class="toast align-items-center border-0" role="alert" aria-live="assertive" aria-atomic="true">
            <div class="d-flex">
                <div class="toast-icon d-flex align-items-center justify-content-center">
                    <i class="fa"></i>
                </div>
                <div class="toast-body"></div>
                <button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
            </div>
        </div>
    </div>

    <div class="container-fluid p-0">
        <div class="row vh-100 g-0">
            <!-- 侧边栏 -->
            <div class="sidebar p-0">
                <!-- 手机端顶部栏 -->
                <div class="sidebar-header d-md-none">
                    <h5 class="text-white mb-0">API文档</h5>
                    <button class="btn btn-link close-sidebar p-0">
                        <i class="fa fa-times"></i>
                    </button>
                </div>
                <div class="logo-container text-center py-4">
                    <img src="/static/images/logo.svg" alt="项目Logo" class="logo mb-2">
                    <div class="project-title">
                        <h1 class="project-name h5 mb-1">MultiLang Admin</h1>
                        <div class="project-desc">API文档</div>
                    </div>
                    <div class="version badge bg-secondary">v1.0.0</div>
                </div>
                <div class="nav-container">
                    <div class="search-container">
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="fa fa-search"></i>
                            </span>
                            <input type="text" class="form-control" placeholder="搜索接口..." id="searchInput">
                        </div>
                    </div>
                    <div class="menu-container">
                        <div id="menu" class="nav flex-column"></div>
                    </div>
                </div>
            </div>
            
            <!-- 主内容区 -->
            <div class="content-wrapper p-0">
                <div class="content-header p-3 bg-white border-bottom">
                    <!-- 手机端菜单按钮 -->
                    <button class="btn btn-link d-md-none menu-toggle me-2">
                        <i class="fa fa-bars"></i>
                    </button>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb mb-0" id="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="#" class="home-link">首页</a>
                            </li>
                        </ol>
                    </nav>
                </div>
                <div class="content-body">
                    <!-- Loading 动画 -->
                    <div class="loading-container">
                        <div class="loading-spinner"></div>
                        <div class="loading-text">加载中...</div>
                    </div>

                    <iframe id="docFrame" class="doc-frame" src="/docs/welcome.html"></iframe>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="/static/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <!-- Bootstrap 5 Bundle JS -->
    <script src="/static/bootstrap-5.3.0-alpha1-dist/js/bootstrap.bundle.min.js"></script>
    <!-- 自定义JS -->
    <script src="/docs/js/main.js"></script>
</body>
</html> 